<!--
 * @Author: ChunLai
 * @Date: 2023-09-04 16:16:57
 * @LastEditTime: 2025-09-03 11:05:29
 * @Description: 告知填写页面提示信息
 * @FilePath: \02.bldinsure\src\views\healthy\components\WarnMsgs.vue
-->
<template>
  <div class="warn_md_main warning-mode">
    <div class="main_box">
      <span class="label_tag">重要</span>
      <div class="cont_box" v-html="msg"></div>
    </div>
  </div>
</template>

<script>
export default {
  name: "WarnMsgs",
  props: {
    msg: {
      type: String,
      default: "",
    },
  },
  data() {
    return {};
  },
  components: {},
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {},
};
</script>

<style lang="less" scoped>
.warn_md_main {
  padding: 10px 12px;
  .main_box {
    width: 100%;
    position: relative;
    .label_tag {
      position: absolute;
      top: 0;
      left: 0;
      width: 36px;
      height: 18px;
      font-size: 12px;
      text-align: center;
      color: #ffffff;
      border-radius: 0px 4px 4px 4px;
      background: #43cf7c;
    }
    .cont_box {
      line-height: 1.5;
      text-indent: 3em;
    }
  }
}
</style>
